<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/static/css/index.css">
    <link rel="stylesheet" href="/static/css/clear.css">
    <script src="/static/js/jquery-1.12.2.js"></script>

    <title>选座页面</title>
    <link rel="icon" href="/static/images/title-lolg.png">
</head>

<body>
<div th:replace="/common/head::#header"></div>
<!-- 页面主体 -->

<center>
    <div style="height: 300px;width: 1000px;margin-top: 200px">
        <h1 style="color: red" th:text="${param.msg==null?'':param.msg}"></h1>
        <h1>订单下达成功 订单号 [[${param.orderSn}]]</h1>
        <h2>正在准备订单数据 10秒钟后自动跳转支付页面
            <a style="color: red" id="goPay" href="/movie/order/pay?orderSn=">去支付</a>
        </h2>
    </div>

    <input type="hidden" id="orderSn" th:value="${param.orderSn+''}">
</center>


<!-- 页面底部 -->
<div th:replace="common/bottom::#bottom"></div>
</body>

<script>
    $(function () {
        let orderSn = $("#orderSn").val();
        let href = $("#goPay").attr("href");
        console.log(href)
        console.log(orderSn)
        $("#goPay").attr("href",href+orderSn);
    })


</script>

</html>